/* 复用头部与尾部 */
define(["jquery", "cookie"], function($){

	function Header() {
		this.load();
	}

	Header.prototype = {
		constructor: Header,
		// 加载头部与尾部
		load: function() {
			// 头部
			// $.get("/html/include/header.html", this.headerHandler.bind(this));
			$.get("/html/include/header.html", $.proxy(this.headerHandler, this));

			// 尾部
			$("footer").load("/html/include/footer.html");
		},
		// 处理头部加载完成后的任务
		headerHandler: function(data) {
			// 将读取到的头部复用HTML渲染到 <header> 内部
			$("header").html(data);
			// 注册事件监听
			this.addListener();
			// // 判断是否有登录成功的用户信息，有则渲染显示
			this.loadLoginUser();
			//header显示购物车商品数
			this.cartnumHandle();
		},

		cartnumHandle: function() {
			// 配置 cookie 插件自动转换 JS 与 JSON
			$.cookie.json = true;
			// 读取cookie中保存的购物车
			var products = this.products = $.cookie("cart") || [];
			console.log(products);
			var cartnum = products.length;
			console.log(cartnum);
			$(".cartnum").html(cartnum);
			console.log($("#cartnum"));
		},

		loadLoginUser: function() {
			$.cookie.json = true;
			var user = $.cookie("login-user"); // 如果不能读取到 cookie 则返回 undefined
			if (user) // 有登录用户
				$(".link-login").parent("li").html(`<a href="#" style="color:#dc0f50">hi,${user}</a> <a href="#" class="logout" style="padding-left:10px;" javascript:void(0)>退出</a>`);
		},

		// 注册事件监听
		addListener: function() {
			// 为“搜索”框绑定按键事件
			$(".search>input").keyup(this.searchHandler);
			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
			$(".suggest").on("click", "p", this.suggestHandler);
			$(".header_main_top_2").on("click", ".logout", this.logoutHandler);
			// $("#logout").on("click",this.logoutHandler);

			//$(".logout").click(function() { // 删除 cookie
				// $.cookie("login-user", null, { path: '/' });
				// return false;
			//});
			
		},
		//删除cookie，退出登录
		logoutHandler: function() {
			console.log($("#logout"));
			console.log(123);
			//$.cookie("login-user", { expires: -1 }); // 删除 cookie
			// $.removeCookie("login-user", { expires: -1 });
			$.removeCookie('login-user', {path: "/"});
			window.location.reload();
		},
		// 处理搜索框事件
		searchHandler: function() {
			var 
				word = $(this).val(),
				url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
			$.getJSON(url, function(data){
				var html = "";
				data.result.forEach(function(curr){
					html += `<p>${curr[0]}</p>`;
				});
				$(".suggest").html(html);
			});			
		},
		// 点击提示
		suggestHandler: function() {
			$(".search>input").val($(this).text());
			$(".suggest").empty();
		}
	}

	// 创建加载头部尾部实例
	new Header();
});


// $("header").load("/html/include/header.html");
/*$.get("/html/include/header.html", function(data){
	// $("header").append(data); // xxx.appendChild(data)
	$("header").html(data); // xxx.innerHTML = data;
});*/




	/*// ajax读取头部文件加载
	$.ajax({
		type: "get", // method
		url: "/html/include/header.html",
		success: function(data) {
			
			// 为“搜索”框绑定按键事件
			$(".search>input:first").keyup(function(){
				var 
					word = $(this).val(),
					url = `https://suggest.taobao.com/sug?code=utf-8&q=${word}&callback=?`;
				$.getJSON(url, function(data){
					// console.log(data);
					var html = "";
					data.result.forEach(function(curr){
						html += `<div>${curr[0]}</div>`;
					});
					$(".suggest").html(html);
				});			
			});
			// 为 ".suggest" 的孩子 div 绑定点击事件：事件委派
			$(".suggest").delegate("div", "click", function() {
				$(".search>input:first").val($(this).text());
				$(".suggest").empty();
			});
		}
	});




	// 加载尾部
	$("footer").load("/html/include/footer.html");*/